onload = function () {
    //添加任务
    //获取添加按钮和输入框,任务列表的 ul
    let addBtn = document.querySelector('.addtask button');
    let taskInput = document.querySelector('.addtask input');
    let tasklistUl = document.querySelector('.tasklist ul');
    addBtn.onclick = function () {
        if (taskInput.value.trim() === "") return; // 如果输入为空则不执行下面的操作
        // 创建一个 li 元素，并设置其内容
        let li = document.createElement('li');
        li.innerHTML = `
        <div class="left">
            <input type="checkbox"></input>
        </div>
        <span class="line">${taskInput.value}</span>
        <div class="btn-group">
            <button>编辑</button>
            <button>删除</button>
        </div>                                    
    `
        tasklistUl.appendChild(li); // 将新任务添加到 ul 中
        taskInput.value = ""; // 清空输入框
    }

    // 搜索任务

    // 编辑任务

    // 删除任务
    //获取删除按钮
    let delBtn = document.querySelectorAll('.btn-group button');
    delBtn.onclick = function () {
        li.remove();
    }

    //已完成和未完成功能 根据checked 属性来判断
}





